<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body style="height: 1200px">
<div class="soubg">
    <div class="fl marginl">
        <span>送货至：四川</span>
    </div>
    <div class="fr">
        <div class="fl">
            <span>你好! 请</span>
            <a href="#">登录</a>
            <a href="#">免费注册</a>|
            <a href="#">我的订单</a>|
        </div>
        <div class="fl">
            <ul class="ulkefu">
                <li><a href="#">收藏夹</a><img src="img/t_arrow.gif"> </li>
                <li class="p1">
                    <a href="#" class="kefudisplay">客户服务</a>
                    <div class="hidediv" >
                        <p>客户服务</p>
                        <p>客户服务</p>
                        <p>客户服务</p>
                    </div>
                    <img src="img/t_arrow.gif">
                </li>
                <li><a href="#">我的订单</a><img src="img/t_arrow.gif"> </li>|&nbsp;&nbsp;
            </ul>
        </div>
        <div class="fl marginr">
            <span>关注我们：</span>
            <a href="#"><img src="img/sh1.png"></a>
            <a href="#"><img src="img/sh2.png"></a>|
            <a href="#">手机版</a>
            <img src="img/s_tel.png">
        </div>
    </div>
</div>
<div class="top">
    <div class="fl logoimg">
        <a href="#"><img src="img/logo.png"></a>
    </div>
    <div class="fl formdiv">
        <div>
            <form>
                <input class="search" type="search" placeholder="请输入关键字"/>
                <input class="btnsubmit" type="submit" value="搜索">
            </form>
        </div>
        <div class="tip">
            <a href="#">咖啡</a>
            <a href="#">iphon 6s</a>
            <a href="#">新鲜美食</a>
            <a href="#">蛋糕</a>
            <a href="#">日用品</a>
            <a href="#">连衣裙</a>
        </div>
    </div>
    <div class="fl cardiv">
        <img src="img/car.png">
        <a href="#">购物车</a>
    </div>
</div>
<div class="menu">
    <div class="fl group">
        全部商品分类
    </div>
    <div class="fl">
        <ul class="menuli">
            <li><a href="#">首页</a></li>
            <li><a href="#">自营超市</a></li>
            <li><a href="#">1号团</a></li>
            <li><a href="#">女装</a></li>
            <li><a href="#">美妆</a></li>
            <li><a href="#">1号超市</a></li>
            <li><a href="#">母婴</a></li>
            <li><a href="#">团购</a></li>
        </ul>
    </div>
    <div class="fr phone">
        <a href="#">
            <img src="img/phone.png" alt="">
        </a>
    </div>
</div>
<div class="banner">
    <div class="nav fl">
        <ul>
            <li>
                <span class="spanimg"><img src="img/nav1.png" alt=""></span>
                <span>进口食品、生鲜</span>
            </li>
            <li>
                <span class="spanimg"><img src="img/nav2.png" alt=""></span>
                <span>食品、饮料、酒</span>
            </li>
            <li>
                <span class="spanimg"><img src="img/nav3.png" alt=""></span>
                <span>母婴、玩具、童装</span>
            </li>
            <li>
                <span class="spanimg"><img src="img/nav4.png" alt=""></span>
                <span>家居、家庭清洁、纸品</span>
            </li>
            <li>
                <span class="spanimg"><img src="img/nav5.png" alt=""></span>
                <span>美妆、个人护理、洗护</span>
            </li>
            <li>
                <span class="spanimg"><img src="img/nav6.png" alt=""></span>
                <span>女装、内衣、中老年</span>
            </li>
            <li>
                <span class="spanimg"><img src="img/nav7.png" alt=""></span>
                <span>鞋靴、箱包、腕表配饰</span>
            </li>
            <li>
                <span class="spanimg"><img src="img/nav8.png" alt=""></span>
                <span>男装、运动</span>
            </li>
            <li>
                <span class="spanimg"><img src="img/nav9.png" alt=""></span>
                <span>手机、小家电、电脑</span>
            </li>
            <li>
                <span class="spanimg"><img src="img/nav10.png" alt=""></span>
                <span>礼品、充值</span>
            </li>
        </ul>
    </div>
    <div class="fl bannerdiv">
        <ul>
            <li>
                <img src="img/ban1.jpg" alt="" width="700px" height="401px">
            </li>
        </ul>
        <ul class="num">
            <a href="">1</a>
            <a href="">2</a>
            <a href="">3</a>
        </ul>
        <div>
            <a href="#" class="btnleft"></a>
            <a href="#" class="btnright"></a>
        </div>
    </div>
    <div class="news">
        <div class="kuaixun">
            <h3>快讯</h3>
            <a href="#">更多&nbsp;&nbsp;&gt;</a>
        </div>
        <div class="tehui">
            <ul>
                <li><span class="spblod">【特惠】</span><a href="#">掬一轮明月 表无尽惦念</a></li>
                <li><span class="spblod">【公告】</span><a href="#">好奇金装成长裤新品上市</a></li>
                <li><span class="spblod">【特惠】</span><a href="#">大牌闪购 · 抢！</a></li>
                <li><span class="spblod">【公告】</span><a href="#">发福利 买车就抢千元油卡</a></li>
                <li><span class="spblod">【公告】</span><a href="#">家电低至五折</a></li>
            </ul>
        </div>
        <div>
            <div class="bag">
                <h3>1号钱包</h3>
            </div>
            <p style="margin-left: 10px;">收益日结，收益赚High！</p>
            <img src="img/oneAD.jpg" alt="" width="90%" style="margin-top: 5px;margin-left: 10px">
        </div>
    </div>
</div>
<div class="hot">
    <div class="fl hotleft">
        <img src="img/l_img.jpg" alt="">
        <div class="pricediv">
            <span>￥53.00</span>
            <span>16R</span>
        </div>
    </div>
    <div class="hotgood">
        <ul>
            <li>
                <div class="hotimg">
                    <img src="img/hot.png" alt="">
                </div>
                <div class="hotjpg">
                    <img src="img/hot1.jpg" alt="">
                </div>
                <div class="hotprice">
                    <a href="#">
                        <h3>德国进口</h3>
                        德亚全脂纯牛奶200ml*48盒
                    </a>
                    <p>
                        <span>￥189</span>
                        <span>26R</span>
                    </p>
                </div>
            </li>
            <li>
                <div class="hotimg">
                    <img src="img/hot.png" alt="">
                </div>
                <div class="hotjpg">
                    <img src="img/hot1.jpg" alt="">
                </div>
                <div class="hotprice">
                    <a href="#">
                        <h3>德国进口</h3>
                        德亚全脂纯牛奶200ml*48盒
                    </a>
                    <p>
                        <span>￥189</span>
                        <span>26R</span>
                    </p>
                </div>
            </li>
            <li>
                <div class="hotimg">
                    <img src="img/hot.png" alt="">
                </div>
                <div class="hotjpg">
                    <img src="img/hot1.jpg" alt="">
                </div>
                <div class="hotprice">
                    <a href="#">
                        <h3>德国进口</h3>
                        德亚全脂纯牛奶200ml*48盒
                    </a>
                    <p>
                        <span>￥189</span>
                        <span>26R</span>
                    </p>
                </div>
            </li>
            <li>
                <div class="hotimg">
                    <img src="img/hot.png" alt="">
                </div>
                <div class="hotjpg">
                    <img src="img/hot1.jpg" alt="">
                </div>
                <div class="hotprice">
                    <a href="#">
                        <h3>德国进口</h3>
                        德亚全脂纯牛奶200ml*48盒
                    </a>
                    <p>
                        <span>￥189</span>
                        <span>26R</span>
                    </p>
                </div>
            </li>
        </ul>
    </div>
</div>
<div style="width: 1200px;margin: 0px auto;padding-top: 60px;">
    <img src="img/mban_2.jpg" alt="">
</div>
<div class="f1">
    <div class="f1title">
        <div class="fl">
            <span>1F</span>
            <span>进口 · 生鲜</span>
        </div>
        <div class="fr">
            <a href="#">进口咖啡</a>
            <a href="#">进口酒</a>
            <a href="#">进口母婴</a>
            <a href="#">新鲜蔬菜</a>
            <a href="#">新鲜水果</a>
        </div>
    </div>
    <div class="f1content">
        <div class="fl frebg">
            <img src="img/fre_r.jpg" alt="">
            <div class="p1">
                <a href="#">进口水果</a>
                <a href="#">奇异果</a>
                <a href="#">西柚</a>
                <br/>
                <a href="#">海鲜水产</a>
                <a href="#">品质牛肉</a>
                <br/>
                <a href="#">奶粉</a>
                <a href="#">鲜活禽蛋</a>
                <a href="#">进口酒</a>
                <br/>
                <a href="#">进口奶粉</a>
                <a href="#">鲜活禽蛋</a>
            </div>
        </div>
        <div class="f1good fl">
            <ul>
                <li>
                    <div class="name">
                        <a href="#">贝思客 草莓先生&蓝莓小姐</a>
                    </div>
                    <div class="price">
                        ￥98.00
                    </div>
                    <div class="img">
                        <img src="img/fre_1.jpg">
                    </div>
                </li>
                <li>
                    <div class="name">
                        <a href="#">贝思客 草莓先生&蓝莓小姐</a>
                    </div>
                    <div class="price">
                        ￥98.00
                    </div>
                    <div class="img">
                        <img src="img/fre_2.jpg">
                    </div>
                </li>
                <li>
                    <div class="name">
                        <a href="#">贝思客 草莓先生&蓝莓小姐</a>
                    </div>
                    <div class="price">
                        ￥98.00
                    </div>
                    <div class="img">
                        <img src="img/fre_3.jpg">
                    </div>
                </li>
                <li>
                    <div class="name">
                        <a href="#">贝思客 草莓先生&蓝莓小姐</a>
                    </div>
                    <div class="price">
                        ￥98.00
                    </div>
                    <div class="img">
                        <img src="img/fre_4.jpg">
                    </div>
                </li>
                <li>
                    <div class="name">
                        <a href="#">贝思客 草莓先生&蓝莓小姐</a>
                    </div>
                    <div class="price">
                        ￥98.00
                    </div>
                    <div class="img">
                        <img src="img/fre_5.jpg">
                    </div>
                </li>
                <li>
                    <div class="name">
                        <a href="#">贝思客 草莓先生&蓝莓小姐</a>
                    </div>
                    <div class="price">
                        ￥98.00
                    </div>
                    <div class="img">
                        <img src="img/fre_6.jpg">
                    </div>
                </li>
            </ul>
        </div>
        <div class="fl f1footer">
            <img src="img/fre_b1.jpg" alt="">
            <img src="img/fre_b2.jpg" alt="">
        </div>
    </div>
</div>
<div class="footer1">
    <ul>
        <li>
            <img src="img/b1.png">
            <div>
                <h2>正品保障</h2>
                正品行货 放心购买
            </div>
        </li>
        <li>
            <img src="img/b2.png">
            <div>
                <h2>满38包邮</h2>
                满38包邮 免运费
            </div>
        </li>
        <li>
            <img src="img/b3.png">
            <div>
                <h2>天天低价</h2>
                天天低价 畅选无忧
            </div>
        </li>
        <li>
            <img src="img/b4.png">
            <div>
                <h2>准时送达</h2>
                收货时间由你做主
            </div>
        </li>
    </ul>
</div>
<div class="footer2">

</div>
</body>
</html>